<template>
    <el-dialog :model-value="props.visible" width="30%" title="查看调拨详情" @close="handleClose">
        <el-descriptions :column="3">
            <el-descriptions-item label="材料小类：">{{ props.allocationInfo?.subclassName }}</el-descriptions-item>
            <el-descriptions-item label="材料详情：">{{ props.allocationInfo?.materialDetail }}</el-descriptions-item>
            <el-descriptions-item label="需求数量：">{{ props.allocationInfo?.useNumber }}</el-descriptions-item>
            <el-descriptions-item label="库存用纸：">
                {{ props.allocationInfo?.inventorySubclassName }}
            </el-descriptions-item>
            <el-descriptions-item label="材料详情：" :span="2">
                {{ props.allocationInfo?.inventoryMaterialDetail }}
            </el-descriptions-item>
            <el-descriptions-item label="调拨数量：">
                {{ props.allocationInfo?.allocationNumber }}
            </el-descriptions-item>
            <el-descriptions-item label="用纸数量：" :span="2">
                {{ props.allocationInfo?.useNumber }}
            </el-descriptions-item>
            <el-descriptions-item label="调拨人：">{{ props.allocationInfo?.createByName }}</el-descriptions-item>
            <el-descriptions-item></el-descriptions-item>
            <el-descriptions-item label="调拨时间：">{{ props.allocationInfo?.createTime }}</el-descriptions-item>
        </el-descriptions>

        <template #footer>
            <el-button type="primary" @click="handleClose">确 定</el-button>
        </template>
    </el-dialog>
</template>
<script setup lang="ts">

const props = defineProps<{
    visible: boolean;
    allocationInfo: any;
}>();
const emits = defineEmits(['close']);

const handleClose = () => {
    emits('close')
};
</script>
<style lang="scss" scoped></style>